/* article.css */

#flatsort-table > thead > tr > th {
    white-space: pre-wrap;
}

/* TODO: extract from amo.css */
.content-picture {
    width: 80%;
    max-width: 500px;
    display: block;
    margin: 2rem auto;
}

.content-picture-introduction {
    width: 100%;
}

.visibility-text {
    font-size: 24px;
    font-weight: bold;
    text-align: revert;
}

.tone-neutral {
    color: #3bafda;
}
.tone-positive {
    color: #00a565;
}
.tone-negative {
    color: #ff724a;
}

.article.new-version .middle-column, .article.new-version .right-column{
    padding: 0px 12px;
}

.article.new-version h2.article-title{
    font-style: normal !important;
    margin-top:20px;
}
.article.new-version .middle-column{
    text-align:justify;
    -webkit-print-color-adjust: exact;
}

.article.new-version .middle-column .introduction span[style="color:#355e6e"],
.article.new-version .middle-column .introduction span[style="color:#355e6e"] em,
.article.new-version .middle-column .introduction span[style="color:#355e6e"] strong,
.article.new-version .middle-column .article-content span[style="color:#355e6e"],
.article.new-version .middle-column .article-content span[style="color:#355e6e"] strong,
.article.new-version .middle-column .article-content span[style="color:#355e6e"] em{
    color:#355e6e !important;
    -webkit-print-color-adjust: exact;
}

.article.new-version .middle-column .introduction span[style="color:#ba9c32"],
.article.new-version .middle-column .introduction span[style="color:#ba9c32"] strong,
.article.new-version .middle-column .article-content span[style="color:#ba9c32"],
.article.new-version .middle-column .article-content span[style="color:#ba9c32"] strong {
    color:#ba9c32 !important;
    -webkit-print-color-adjust: exact;
}

.article.new-version .middle-column .introduction span[style="color:#b29639"],
.article.new-version .middle-column .introduction span[style="color:#b29639"] strong,
.article.new-version .middle-column .article-content span[style="color:#b29639"],
.article.new-version .middle-column .article-content span[style="color:#b29639"] strong {
    color:#b29639 !important;
    -webkit-print-color-adjust: exact;
}

.article.new-version .middle-column .introduction span[style="color:#c2a01e"],
.article.new-version .middle-column .introduction span[style="color:#c2a01e"] strong,
.article.new-version .middle-column .article-content span[style="color:#c2a01e"],
.article.new-version .middle-column .article-content span[style="color:#c2a01e"] strong {
    color:#c2a01e !important;
    -webkit-print-color-adjust: exact;
}

.article.new-version .middle-column ul{
    padding-inline-start: 16px;
}
.article.new-version .right-column{
    background-color: #cfe1eb !important;
    -webkit-print-color-adjust: exact;
}
.article.new-version .print.right-column .print-chart{
    background-color: white !important;
    margin:-1px;
}
.article.new-version .print.right-column {
    padding:0;
}
.article.new-version .print.right-column .points-list{
    padding:0px 12px;
}
.article.new-version .right-column h5{
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
    padding:15px 0px;
}
.article.new-version .right-column ul{
    list-style: none;
    padding-left:0;
}
.article.new-version .right-column ul li:not(:first-of-type){
    margin-top:15px;
}

/* Fix padding print */
body.print #page{
    padding-right:30px;
    margin:0 auto;
}